﻿@model Everynet.Models.SummaryModel
     @{
    ViewBag.Title = "Order Summary";
    Layout = "~/Views/Shared/_SignUpLayout.cshtml";
}  
<div id='screen'></div>    
  <div class="body-page">         
<h1 class="top-head">Order Summary</h1>
   <h2 class="signup-form-heading">
        Signup step 4 of 6
    </h2><br />
<span class="fnt12left">Here is a final summary of your order.Please review the details
    and prices carefully:</span>
@Html.HiddenFor(m => m.ID)
<div id='loaderCenter' class="displaynone">
                        <img src="@Url.Content("~/Content/images/ajax_loader_gray.gif")" alt="Please wait..." class="ajax-loader"/>
                         <p class="loadertext">Please wait...</p>
                    </div>
<br />
<br />
<div>
    <table class="tblOrderSummary Header">
        <tr>
            <td width="47%">
                Product Summary
            </td>
            <td width="17%">
                Setup Fee
            </td>
            <td width="17%">
                Per Month
            </td>
            <td width="19%">
                Total Cost
            </td>
        </tr>
    </table>
    <br />
    <table class="tblOrderSummary">
        <tr>
            <td width="47%">
                <b>@Model.Name on @Model.ServicePhoneNumber</b>
                <br />
                <br />
                <b>@Model.PlanDetailName</b> <span class="fnt12left">plan</span>
                <br />
                <span class="fnt12left">on a</span> <b>@Model.PlanQuotaValue @Model.PlanQuotaInterval</b>
                <span class="fnt12left">contract</span>
            </td>
            <td width="17%">
              <center><b>$@Model.SetupCost</b>
                <br />
                <span class="fnt12left">setup</span></center>
            </td>
            <td width="17%">
             <center> <b>$<span class="calculateMonthTotal">@Model.Price</span> </b>
                <br />
                <span class="fnt12left">per month</span></center>
            </td>
            <td width="19%">
              <center>  <span class="fnt12left">from</span>
                <br />
                <b>$@Model.TotalCost</b>
                <br />
                <span class="fnt12left">over @Model.PlanQuotaValue</span>
                <br />
                <span class="fnt12left">@Model.PlanQuotaInterval</span></center>
            </td>
        </tr>
    </table>

    @* Dynamic Loop Start*@
     @foreach (var item in Model.listSummaryModel)
     {
     <table class="tblOrderSummarydynamic">
      <tr>
            <td width="47%">
                <b>@item.SubExtrasName</b>
                <br />
                <br />
                <b>@item.SubExtrasDetailName</b> <span class="fnt12left">plan</span>
                <br />
                <span class="fnt12left">on a</span> <b>@item.ExtraPlanQuotaValue @item.ExtraPlanQuotaInterval</b>
                <span class="fnt12left">contract</span>
            </td>
            <td width="17%">
               <center><b> $@item.SubExtrasSetupFee</b>
                <br />
                <span class="fnt12left">setup</span></center>
            </td>
            <td width="17%">
               <center><b>  $<span class="calculateMonthTotal">@item.SubExtrasDetailPrice</span></b>
                <br />
                <span class="fnt12left">per month</span></center>
            </td>
            <td width="19%">
                <center> <span class="fnt12left">from</span>
                <br />
                <b>$@((item.ExtraPlanQuotaValue*item.SubExtrasDetailPrice) + item.SubExtrasSetupFee)</b>
                <br />
                <span class="fnt12left">over @item.ExtraPlanQuotaValue</span>
                <br />
                <span class="fnt12left">@item.ExtraPlanQuotaInterval</span></center>
            </td>
        </tr>
     </table>
     }
      @* Dynamic Loop End*@
      <br />
      @*Hardware Dynamic Loop Start*@
       @foreach (var item in Model.listSummaryHardwareModel)
       {
       <table class="tblOrderSummarydynamicH">
      <tr>
      <td><b>@item.Quantity&nbsp;×&nbsp;@item.SubHardwareDetailName</b> ($@item.SubHardwareDetailPrice Each)<br />
          @item.SubHardwareDetail
      </td>
      <td width="19%"><center><b>$@(item.Quantity*item.SubHardwareDetailPrice)</b></center></td>
      </tr>
      </table>
       }
       @*Hardware Dynamic Loop End*@
       
    <br />
    <table class="tbl100">
        <tr>
            <td>
                <b>&nbsp;Monthly price</b>
            </td>
            <td>
                <b>$<span id="spntotalMonth"></span></b> <span class="fnt12left">per month</span>
            </td>
        </tr>
    </table>
</div>
 <br />
 <div>
        <div class="floatleft">
            <a href="@Url.Action("Configuration", "signUp", new { id = @Model.ID })">
                <input id="btnback" type="button" value="Back"  class="btncolor btnbottom"/></a></div>
        <div class="padlef500new">
         <a href="@Url.Action("Agreement", "signUp", new { id = @Model.ID })">
           <input id="btnnext" type="button" value="Next" id="btnNextSubmit" class="btncolor btnbottom"/></a>
           </div>
            @Html.Hidden("hdnReplace", @Url.Action("ReplaceText", "signUp", new { id = @Model.ID }))
    </div>
    </div>
 @section JavaScriptSignUp
{
    <script src="@Url.Content("~/Scripts/client/orderSummary.js")" type="text/javascript"></script>
}